
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
	<title>INFINI | 映纷创意</title>
	<link rel="stylesheet" href="css/layout.css">
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
  <style>
					
					img{width:100%;}
					#b1{width:100%;margin-top: -40px;}
					#f1{font-size:1rem; 
					margin-left: 30%;display:inline;padding-top: -100px;color:white;
					}
					#f2{font-size:1rem; 
					margin-left: 8%;display:inline;color: white;
					}
					
					
					@media screen and (max-width:1200px){
						#f1{font-size:12px; 
					margin-left: 30%;display:center;padding-top: -100px;color: white;
					}
					#f2{font-size:12px; 
					margin-left: 8%;display:center;color: white;
					}
					}
					
						@media screen and (max-width:1000px){
						#f1{font-size:10px; 
					margin-left: 30%;display:center;padding-top: -100px;
					}
					#f2{font-size:10px; 
					margin-left: 8%;display:center;
					}
					}
					
					#b2{width:80%;height:70%;padding-top: 3%;margin: 20 auto;}
					#b7{width:80%;height:8%;margin: 20 auto;margin-top: -1%;}
					#b3{width:80%;height:20%;padding-top: 2%;font-size: 1rem;color: #5B5555;margin: 0 auto;}
			
					
					div{
                  width:80%;
                  margin:0 auto;
                  overflow:auto;
						
                }
                span{
                  float:center;
                  width:7.14%;
                  margin-top:1%;
                }
                img{width:100%;}
@media screen and (max-width:760px){
	
	span{
                  float:center;
                  width:7%;
                  margin-top:1%;
                }
					}
	
					
                 
					
					#b4{width:80%;
					margin: 0 auto;
					overflow: hidden;
					}
					
				
					img{width:100%;}
					
					
					 @media screen and (max-width:760px){
                 
						 
						 
					#b5{
						float:center;
						width:45%;
						margin-top:1%;margin-right: 5%;
						height:20%;
					}
						 
				
					}
					
					
					
					.city {
float: center;
margin: 5px;
padding: 15px;
width: 300px;
height: 300px;
border: 1px solid black;
} 
					
					
					
					
                </style>




</head>
<body>
	<div class="head_wrap">
		<div class="head">
			<img src="img/title2.png" alt="" class="logo">
			<header class="bar">
				<nav class="nav">
					<span>home  </span>
					<span> work </span>
					<span> contact </span>
					<span>join us  </span>
					
				</nav>
			</header>
		</div>
		<!-- <img src="images/slider1.png" alt="" class="slider"> -->
	</div>
	<div class="wrap">
		<div class="center">
			<div class="swiper">


				
				    <contain>
				    	<wrapper>
					      	<!-- <div class="swiper-slide"><a href="work.html#work"><img src="/Public/home/images/slider1-1.png"></a></div>
					        <div class="swiper-slide"><a href="work.html#work"><img src="/Public/home/images/slider1-2.png"> </a> </div>
					        <div class="swiper-slide"> <a href="work.html#work"><img src="/Public/home/images/slider1-2.png"> </a></div> -->
					         <a href=" http://www.infinistudio.cn/work/58.html"><img src="img/58fc78b8ba096.jpg"></a></div>
					  	</wrapper>
					</contain>
					<div class="pagination"></div>
					
				


				<p class="swiper_p">
					INFINI （映纷创意）是一家独立创新营销公司，致力于创造会流动的美好创意。我们从策略与洞察出发，不断探索营销和创意的多元表达，用创作精神为品牌提供更具生命力的跨媒体整合营销服务。
				</p>
				<div class="parner">
						<div><img src="img/1.jpg" alt=""></div>
						<div><img src="img/2.jpg" alt=""></div>
						<span><img src="img/14.jpg" alt=""></span>
						<span><img src="img/3.jpg" alt=""></span>
						<span><img src="img/4.jpg" alt=""></span>
						<span><img src="img/5.jpg" alt=""></span>
						<span><img src="img/6.jpg" alt=""></span>
						<span><img src="img/7.jpg" alt=""></span>
						<span><img src="img/12.jpg" alt=""></span>
						<span><img src="img/13.jpg" alt=""></span>
						<span><img src="img/8.jpg" alt=""></span>
						<span><img src="img/9.jpg" alt=""></span>
						<span><img src="img/10.jpg" alt=""></span>
						<span><img src="img/11.jpg" alt=""></span>
				</div>
				<!-- <div style="clear:both"></div> -->
			</div>
			<content>
				
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">抖音</li>
										<li class="work_remark">迪拜跨年灯光秀</li>
									</ul>
								</div>
							</div>
							<img src="img/5c3ed5adc5c1c.jpg" alt="">
							<p>抖音海外版Tik Tok</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">今日头条</li>
										<li class="work_remark">今日头条</li>
									</ul>
								</div>
							</div>
							<img src="img/5c3ec9c702adb.jpg" alt="">
							<p>今日头条年度盛典</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">宝洁</li>
										<li class="work_remark">你的新年计划还有救</li>
									</ul>
								</div>
							</div>
							<img src="img/5c3ec88634813.jpg" alt="">
							<p>宝洁逆转沙漏</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">抖音</li>
										<li class="work_remark">抖音x碧桂园公益</li>
									</ul>
								</div>
							</div>
							<img src="img/5c208811a153c.jpg" alt="">
							<p>中国抖有味</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">腾讯游戏</li>
										<li class="work_remark">不火影，枉少年</li>
									</ul>
								</div>
							</div>
							<img src="img/5c20837a904a3.jpg" alt="">
							<p>火影忍者</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">腾讯</li>
										<li class="work_remark">雅努斯之门</li>
									</ul>
								</div>
							</div>
							<img src="img/5be010b1c9c07.jpg" alt="">
							<p>腾讯WE大会</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO</li>
										<li class="work_remark"> 带上它，做一只耀眼的夜行动物</li>
									</ul>
								</div>
							</div>
							<img src="img/5b909ea21abb0.jpg" alt="">
							<p>OPPO R17系列</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">贝壳</li>
										<li class="work_remark">VR看房系统</li>
									</ul>
								</div>
							</div>
							<img src="img/5b69455ac457d.jpg" alt="">
							<p>贝壳找房</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">滴滴出行</li>
										<li class="work_remark">你是骑行侠，还是骑行杀？</li>
									</ul>
								</div>
							</div>
							<img src="img/5b5ac93f41859.jpg" alt="">
							<p>青桔单车</p>
					
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">腾讯公益</li>
										<li class="work_remark">数字敦煌</li>
									</ul>
								</div>
							</div>
							<img src="img/5b23a47775e22.jpg" alt="">
							<p>数字敦煌</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">抖音 </li>
										<li class="work_remark">抖音品牌升级片</li>
									</ul>
								</div>
							</div>
							<img src="img/5b23a53b71f19.jpg" alt="">
							<p>抖音品牌升级片</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">今日头条</li>
										<li class="work_remark">2017我的家乡头条</li>
									</ul>
								</div>
							</div>
							<img src="img/5b23a4c4e46f4.jpg" alt="">
							<p>2017我的家乡头条</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO</li>
										<li class="work_remark">OPPO R15</li>
									</ul>
								</div>
							</div>
							<img src="img/5ab1e3557f775.jpg" alt="">
							<p>OPPO R15</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">新浪微博</li>
										<li class="work_remark">新浪微博 让红包飞</li>
									</ul>
								</div>
							</div>
							<img src="img/5ab0cd11c69ed.jpg" alt="">
							<p>新浪微博 让红包飞</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">今日头条</li>
										<li class="work_remark">今日头条 海外版</li>
									</ul>
								</div>
							</div>
							<img src="img/5a6aa337a10de.jpg" alt="">
							<p>TopBuzz</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO </li>
										<li class="work_remark">OPPO R11s星幕新年版</li>
									</ul>
								</div>
							</div>
							<img src="img/5a4f2a0cf1e62.jpg" alt="">
							<p>OPPO R11s星幕新年版</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO</li>
										<li class="work_remark">周杰伦2000W个故事</li>
									</ul>
								</div>
							</div>
							<img src="img/5a4b6b107f295.jpg" alt="">
							<p>周杰伦2000W个故事</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">今日头条</li>
										<li class="work_remark">2017年十大头条盘点H5</li>
									</ul>
								</div>
							</div>
							<img src="img/5a39d504609e6.jpg" alt="">
							<p>2017年十大头条盘点H5</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">腾讯</li>
										<li class="work_remark">终于，地铁也能连WiFi了！</li>
									</ul>
								</div>
							</div>
							<img src="img/5a12475a1fc4d.jpg" alt="">
							<p>腾讯WiFi管家，地铁都能连</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">腾讯</li>
										<li class="work_remark">腾讯WE大会</li>
									</ul>
								</div>
							</div>
							<img src="img/5a1244e0bc2be.jpg" alt="">
							<p>腾讯WE大会</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">天猫</li>
										<li class="work_remark">天猫团圆街</li>
									</ul>
								</div>
							</div>
							<img src="img/59fb07e97f22e.jpg" alt="">
							<p>天猫团圆街</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO</li>
										<li class="work_remark">TFBOYS限量版概念宣传片</li>
									</ul>
								</div>
							</div>
							<img src="img/59bb98794861b.jpg" alt="">
							<p>TFBOYS限量版概念宣传片</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">抖音</li>
										<li class="work_remark">要不要做我女朋友？</li>
									</ul>
								</div>
							</div>
							<img src="img/59bb930590dc6.jpg" alt="">
							<p>前方100美元正在向你告白  </p>
						</a><a workid="63" href=" http://www.infinistudio.cn/work/63.html" class="con">
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">天猫</li>
										<li class="work_remark">天猫幻响电音节</li>
									</ul>
								</div>
							</div>
							<img src="img/598834683df35.jpg" alt="">
							<p>天猫幻响电音节</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">抖音</li>
										<li class="work_remark">世界名画抖起来了H5</li>
									</ul>
								</div>
							</div>
							<img src="img/596870c2cee8b.jpg" alt="">
							<p>世界名画抖起来了H5</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">扬子江航空</li>
										<li class="work_remark">扬子江航空 </li>
									</ul>
								</div>
							</div>
							<img src="img/596867a0ac93a.jpg" alt="">
							<p>扬子江航空</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">小米</li>
										<li class="work_remark">小米max2创意海报</li>
									</ul>
								</div>
							</div>
							<img src="img/594b69293281a.jpg" alt="">
							<p>小米max2创意海报</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">阿里巴巴</li>
										<li class="work_remark">聚星台会员通</li>
									</ul>
								</div>
							</div>
							<img src="img/590aca83b9c1e.jpg" alt="">
							<p>聚星台会员通</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">OPPO</li>
										<li class="work_remark">R9s清新绿实验室大揭秘H5</li>
									</ul>
								</div>
							</div>
							<img src="img/58f22ebf4ecc7.jpg" alt="">
							<p>清新绿实验室大揭秘H5</p>
						
							<div class="work">
								<div class="work_wrap">
									<ul>
										<li class="work_title">今日头条</li>
										<li class="work_remark">今日头条功能片第二弹</li>
									</ul>
								</div>
							</div>
							<img src="img/58f0a4b73384a.jpg" alt="">
							<p>今日头条功能片第二弹</p>
					
		</content>
		<footer>
			<div class="footer_left">
				<div class="link">
					<a href="http://weibo.com/InfiniVision/" class="link1"><img src="img/contact1.jpg" alt=""></a>
					<a href="http://infini.zcool.com.cn/" class="link2"><img src="img/contact2.jpg" alt=""></a>
					<a href="http://i.youku.com/u/UMTMyODY0NzU2" class="link3"><img src="img/contact3.jpg" alt=""></a>
				</div>
			</div>
			<div class="footer_right">
				<div class="contact">
					<div class="contact_logo"><img src="img/footer_logo.jpg" alt=""></div>
					<p>INFINI | 映纷创意</p>
					<p>北京市朝阳区常营</p>
					<p>TEL : 010-85394331</p>
					<p>QQ : 7585917</p>
					<p>Email : infinistudio@foxmail.com</p>
					<p>weibo : @InfiniStudio</p>
				</div>
			</div>
		</footer>
	</div>
	
</body>
</html>